<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    <link rel="shout icon" href="../img/logo.ico">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/detailPages.css">
   <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
   <link rel="stylesheet" href="../css/header.css">
   <Script src="../libs/cookie.js"></Script>
   <script src="../libs/jquery.min.js"></script>
</head>
<body>
    
    <!-- 头部 -->
   <header></header> 
   <script >
       $("header").load("./header.html")
   </script>
   <!-- 导航 -->
  <!-- 导航 -->
  <nav>
    <section>
      <div class="list">
        <div>
          <a href=""><img src="../img/nav.png" alt=""></a>
        </div>
        <ul>
          <li><a href="./html/detailPages.html">华为专区</a></li>
          <li><a href="./html/paging_list.html">鸿蒙智联</a></li>
          <li><a href="">全球甄选</a></li>
          <li><a href="">家电家装馆</a></li>
          <li><a href="">华为智选</a></li>
          <li><a href="">HamonyOs</a></li>
        </ul>
      </div>
      <!-- 搜索框 -->
      <!-- 罩 -->
      <div class="mark"></div>
      <span class="iconfont icon-sousuo soutalg"></span>
      <div class="sousuo">
        <ol>
          <span class="iconfont icon-sousuo "></span>
          <input type="text" class="clear-input" placeholder="搜索商品">
          <span class="iconfont icon-guanbi"></span>
        </ol>
        <!-- 搜索内容渲染 -->
        <h2>最近搜索<span class="iconfont icon-guanbi"></span></h2>
        <ul class="suomain">

        </ul>
      </div>

      <!-- <script src="./libs/jquery.min.js"></script>
      <script src="./js/search.js"></script> -->
    </section>
  </nav>
   <main>
       <!-- 商品放大镜区域 -->
       <section> 
               <ul class="navv">
                   <li><a href="../index.html">首页<span class="iconfont icon-gengduo"></span></a></li>
                   <li><a href="">美食酒饮<span class="iconfont icon-gengduo"></span></a></li>
                   <li><a href="">甄选优品<span class="iconfont icon-gengduo"></span></a></li>
                   <li class="navv-l"> 法国原瓶进口轩尼诗詹姆士礼盒 干邑白兰地 700ml</li>
               </ul>
       <div class="left">
            <div class="smallimge">
                <img src="" alt="">
                <span class="move"></span>
            </div>
            <div class="magnifier">
                <img src="" alt="">
            </div>

         <ul>
             <li class="liii"><img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202110/sbom/3501030000401/78_78_a_web3C4EA0FC1FAD5E70F71D1DDB530A0594.jpg" alt=""></li>
             <li><img src="https://res.vmallres.com/pimages//product/6941487234127/group//78_78_530A383596B2D63B66613DA732C00080A20F3C590D4CD47C.png" alt=""></li>
             <li><img src="https://res.vmallres.com/pimages//product/6941487234127/group//78_78_B75CB2095F9D3D8228DC46E6E71BE87899F09E23729B5BF4.png" alt=""></li>
             <li><img src="https://res.vmallres.com/pimages//product/6901443376506/78_78_5A4871DB483B6E0D92CA527C3D367A6A32E2B433F5870412mp.png" alt=""></li>
         </ul>
             
       </div>
       <div class="right">
           <h1  >法国原瓶进口轩尼诗詹姆士礼盒干邑白兰地700ml</h1>
          <h2><a href="###">全球甄选美食酒饮，指定商品每满300减40，了解更多 >></a> 下单送精美酒杯*2；轩尼诗家族全新成员瞩目上市，特邀国际知名艺术家倾力设计，开启优雅的干邑之旅</h2>
            <div>
               <p>价&nbsp;&nbsp;格 <span class="price">¥980.00</span></p>
               
                  <p>促&nbsp;&nbsp;销<span> 跨品类满300减40</span>下单每满300减40，满600减80，上不封顶，可与优惠券、限时特惠等叠加使用</p>
            </div>
            <p class="p2">服务说明<span class="price">¥980.00</span></p>
               
            <p class="p2">商品编码<span> 跨品类满300减40</span>下单每满300减40，满600减80，上不封顶，可与优惠券、限时特惠等叠加使用</p>

         <label >选择规格<input type="text " value="700ml"></label>
              <ol>
                  <li>已选择商品:<span>700ml</span></li>
                  <li><p class="add">加入购物车</p><p class="settlement

                    "><a href="./Shopping.html">立即下单</a></p></li>
              </ol>
        </div>
       </section>
     
       <!-- 商品介绍 -->
       <section  class="page"></section>
   </main>
   <footer></footer>
   <!-- 侧边栏 -->
  <aside>
    <li><a href="./paging_list.html">去逛一逛</a></li>
    <li class="goShopping"><a href="./Shopping.html"><span class="iconfont icon-gouwuche  "></span>购物车</a><p class="goshopp">0</p></li>
    <li><a href=""><span class="iconfont icon-zaixiankefu  "></span>在线客服</a></li>
    <li><a href="./myService.html"><span class="iconfont icon-rexianfuwufuwu  "></span>自助服务</a></li>
    <li class="backTop"><a href=""><span class="iconfont icon-fanhuidingbu  "></span>返回顶部</a></li>

  </aside>
  <section ></section>
  <!-- <script src="../libs/jquery.min.js"></script> -->
  <!-- <Script src="../libs/cookie.js"></Script> -->
 <!-- <script src="../js/magnifier.js"></script>  -->
<!-- <script src="../js/addcart.js"></script> -->
<!-- <script src="../js/backTop.js"></script> -->
<script src="../libs/require.js" data-main="../js/Mod_detailPages"></script>
</body>
</html>

